<div class="loadBox">
  <svg
    class="pageLoading"
    xmlns="http://www.w3.org/2000/svg"
    width="48"
    height="48"
    viewBox="0 0 48 48"
  >
    <defs>
      <linearGradient id="icon-line-spinner-a" x1="4.167%" x2="4.167%" y1="0%" y2="100%">
        <stop offset="0%" stop-color="#E4EBF1"></stop>
        <stop offset="100%" stop-color="#86919C"></stop>
      </linearGradient>
      <linearGradient id="icon-line-spinner-b" x1="95.833%" x2="95.833%" y1="0%" y2="100%">
        <stop offset="0%" stop-color="#324558"></stop>
        <stop offset="100%" stop-color="#86919C"></stop>
      </linearGradient>
    </defs>
    <g fill-rule="evenodd" fill="none">
      <path
        d="M24,0 C37.254834,-2.4348735e-15 48,10.745166 48,24 C48,37.254834 37.254834,48 24,48 C10.745166,48 1.623249e-15,37.254834 0,24 C-1.623249e-15,10.745166 10.745166,2.4348735e-15 24,0 Z"
      ></path>
      <path
        fill="url(#icon-line-spinner-a)"
        d="M24,48 L24,46 C36.1502645,46 46,36.1502645 46,24 C46,12.1554065 36.6396211,2.49704654 24.9125246,2.01858157 L24.9954814,0.0202708022 C37.7886803,0.542235439 48,11.078627 48,24 C48,37.254834 37.254834,48 24,48 Z"
      ></path>
      <path
        fill="url(#icon-line-spinner-b)"
        d="M24,46 L24,48 C10.745166,48 0,37.254834 0,24.0000001 C0,11.0786271 10.2113197,0.542235649 23.0045134,0.0202712255 L23.0874754,2.01858177 C11.3603789,2.49704674 2,12.1554066 2,24.0000001 C2,36.1502645 11.8497355,46 24,46 Z"
      ></path>
    </g>
  </svg>
</div>
